<template>
 <div id="app" element-loading-text="Loading..." element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)">
  <router-view/>
 </div>
</template>
<script>
export default {
 name: 'App',
 mounted() {
  // this.$store.commit('setLoading', false)
 }
}
</script>
<style lang="scss" scoped>
/deep/ .el-loading-mask {
 .el-loading-spinner {
  .el-loading-text {
   font-weight: bold;
   letter-spacing: .5px;
   margin-top: 5px;
  }
 }
}
</style>
<style lang="scss">
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
 margin:0;
 padding:0;
 box-sizing: border-box;
 outline: none;
}

body {
 width: 100%;
 overflow-x: hidden;
 overflow-y: auto;
 outline: none;
 min-height: 100%;
 font-size: 14px;
 font-weight: normal;
}

ul,li {
 list-style: none;
}

.w-1200{
 width: 1200px;
}

a {
 text-decoration: none;
}

input, select, button {
 border: none;
 outline: none;
 background-color: transparent;
}

.cursor {
 cursor: no-drop;
}

.el-table {
 /deep/ th{
  font-weight: normal;
 }
}

.success {
 color: #01b364;
}
.fail {
 color: #f56c6c;
}
.complete {
 color: gray;
}

@font-face {
 font-family: 'bold';
 src : url('assets/font/geometria-bold.d89bb7c.woff');
}
</style>
